<!-- START PAGE SOURCE -->
<div class="row" style="background:#0067B0;">
  
  <div class="container">
    <div class="row" style="background:url(images/header_text2_bg.gif) repeat-x;"> 
    	 <div class="col-md-12" style="padding-top:15px; padding-bottom:20px;">
            <div class="row">
              <div class="col-md-6">
                <h2 style="color:#0074C0;">Vocabulary</h2>
              </div>
              <div class="col-md-6" style="padding-top:20px;" align="right">
                <a href="#"><img src="images/Sing_up.gif" alt="" border="0" /></a>
              </div>
            </div>
          </div>
    </div>
  </div>
  
  <div class="top_bg2">
    <div class="clr"></div>
  </div>
  
  <div class="clr"></div>
  
  <style type="text/css">
  	.vocab_img {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #CCCCCC;
		height: 100px;
		margin-bottom: 10px;
		padding: 4px;
		width: 230px;
	}
  </style>
  
  
  <div class="row" style="background-color:#ebebeb;">
    <div class="container body_fn" style="margin-bottom:10px; padding-top:10px;">
    
    	<div class="col-sm-9">
           
			<?php			
            if($vocabID == ''){
                include("modules/mod_vocabulary/vocabulary_menu.php");
            } else {
                include('modules/mod_vocabulary/vocabulary.'.$vocabID.'.php');
            }
            ?>
                     
        </div>
        
        
    
        
       	<div class="col-sm-3" style="border:1px #F00 dotted;"> 
           <?php include('modules/mod_slidebar/index_slidebar.php');?>
        </div>
    </div>
  </div>
  
</div>
<!-- END PAGE SOURCE -->
  
  
  